﻿body{background: #f9f9f9; color: #666;}
/* 大量的display需要转换，这里写一个就行了，以后也可以用 */
.dis-inb{display: inline-block; *display: inline; *zoom:1;}
/* 过长出点点的处理 */
.nowrap{white-space:nowrap; -webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;}
.{vertical-align: middle;}
.tl-c{text-align: center;}
.fl-l{float: left;}
.fl-r{float: right;}
/*测试修改*/
.layout{width: 960px; margin: 0 auto; position: relative;}
.n-logo-area{padding:50px 0; height: 31px; line-height: 31px;}
.logout{font-size: 14px; color: #ababab;}
.logout:hover{color: #ff7e00}

/* 大框框 */
.n-frame{border: 1px solid #e6e6e6; background: #fff; padding:34px 34px 0; border-radius: 10px; min-height: 400px; _height:400px;}

/* 全局导航 */
.n-main-nav{overflow: hidden; position: relative; z-index: 2; margin-bottom: -1px;}
.n-main-nav li{float: left; text-align: center;}
.n-main-nav li a{display: block; padding: 0 34px; color: #333; font-weight: bold; font-size: 14px; line-height: 20px; }
.n-main-nav li.current a,
.n-main-nav li a:hover{color: #ff7e00;}
.n-nav-corner{width: 23px; height: 12px; margin-top:12px; margin-bottom:-2px;_margin-bottom:-5px; display: none; background: url(../Images/n-layout-corner.png) 0 0 no-repeat;}
.n-main-nav li.current .n-nav-corner{display: inline-block; *display: inline; *zoom:1;}

/* 账号区域 */
.n-account-area{overflow: hidden; position: absolute; right: 36px; top:114px;}
.na-info{width: 120px; text-align: right; padding-top: 16px; margin-right:10px; float: left;}
.na-name{color:#333; font-weight:bold; font-size:14px; line-height: 1.5; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.na-num{font-size: 12px; color: #666; line-height: 1.2;}
.na-img-area{width: 80px; height: 80px; border: 2px solid #e3e3e3; border-radius: 50%; padding: 4px; background: #fff; position: relative; z-index: 4; cursor: pointer;}
.na-img-area:hover .na-edit{display: block;}
.na-img-bg-area{background:url(../Images/n-avator-bg.png) 0 0 no-repeat; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
.na-img-area img{display: block; width: 100%; height: 100%; border-radius: 50%;}
.na-edit{position: absolute; top:23px; left: 23px; display: none; width: 43px; height: 43px; background: url(../Images/n-ava-edit.png) 0 0 no-repeat; _background: url(../Images/n-ava-edit-ie.png) 0 0 no-repeat;}

/* 名片元素 */
.card-item{border: 1px solid #e6e6e6; padding: 20px; margin-top: 12px; overflow:hidden; *zoom:1;}
.card-name-item{padding-top: 6px;}
.card-name-item .n-btn{padding: 4px 10px; margin-left: 10px;}
.card-item .na-img-area{width: 50px; height: 50px; padding: 2px; border: 1px solid #e3e3e3; margin-right: 10px;}
.card-item .na-img-bg-area{background:url(../Images/n-avator-bg50.png) 0 0 no-repeat;}

/* ico和文字标题混排模块 */
.font-img-item{position: relative; overflow: hidden; padding: 0 0 0 56px; margin-bottom:30px; height: 40px;}
/* 记得切40哟 */
.font-img-item .fi-ico{position: absolute; left: 0; top:0;}
.fi-ico{display: inline-block; *display: inline; *zoom:1; width: 40px; height: 40px; background: url(../Images/device-icos.png) 0 0 no-repeat;}
.fi-ico-phone{background-position: -200px 0;}
.fi-ico-luyou{background-position: -160px 0;}
.fi-ico-pc{background-position: -240px 0;}
.fi-ico-token{background-position: -120px 0;}
.fi-ico-secret{background-position: -79px 0;}
.fi-ico-email{background-position: -40px 0;}
.fi-ico-lock{background-position: 0 0;}

/* 单独存在的信息元素 */
.info-item{padding: 22px 0; border-bottom: 1px solid #e6e6e6;}
.info-item:last-child{border-bottom: 0 none;}

/* 标题组件一 */
.title-item{padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; clear: both;}

/* footer区域 */
.n-footer{color: #9d9d9d; line-height: 1.5; text-align: center; padding: 40px 0; }
.n-footer a{ color: #9d9d9d;}
.nf-intro{padding: 10px;}
.nf-link-area{text-align: center;}
.nf-link-area li{display:inline-block; *display: inline; *zoom:1; }
.nf-link-area a{display:inline-block; *display: inline; *zoom:1; padding: 0 10px;}
.n-footer a:hover,
.nf-link-area a.current{color: #333;}

/* 空隙用class */
.space6,
.space12,
.space14,
.space16{display: inline-block; *display: inline; *zoom:1; width: 12px; height: 12px;}
.space6{width: 6px;}
.space14{width: 14px; height: 12px;}
.space16{width: 16px; height: 12px;}

/* 各种型号的标题 */
.title-big,
.title-bigger,
.title-biggest,
.title-normal{font-size: 16px; color: #333; line-height: 1.5; font-weight: bold;}
.title-normal{color: #555;}
.title-big{font-size: 20px;}
.title-bigger{font-size: 24px;}
.title-biggest{font-size: 28px;}

/* 各种型号的文字 */
.font-default,
.font-normal,
.font-big{color: #9d9d9d; line-height: 1.5;}
.font-normal{font-size: 14px;}
.font-big{font-size: 16px;}

/* 几个默认色 */
.color-default{color:#666;}
.color-light{color: #333;}
.color-warning{color:#fa0343;}
.color-active{color: #ff7e00;}

/* 黄色数字大 */
.light-num{font-size: 20px; font-weight: bold; color: #ff7e00; padding: 0 2px;}

/* 按钮 */
.n-btn{display:inline-block; *display: inline; *zoom:1; line-height:normal !important; color:#555; border: 1px solid #e8e8e8; padding: 7px 40px; border-radius: 6px; background: #fff; overflow:visible; *vertical-align: middle; cursor: pointer; margin-right: 10px;}
a.n-btn{*padding:9px 40px; _padding: 8px 40px 9px 40px;}
.n-btn:hover{background: #f3f3f4;}

.n-btn-default{background: #e4e4e7; border: 1px solid #dfdfe1;}
.n-btn-default:hover{background: #dadadc; border: 1px solid #d6d6d7;}
.n-btn-light{color: #fff;background: #ff7a4d; border: 1px solid #ff7a4d;}
.n-btn-light:hover{background:#ff936a; border: 1px solid #ff936a;}
.n-btn-warning{background: #f2021e; color: #fff; border:1px solid #e8011c;}
.n-btn-warning:hover{background: #e8011c; border: 1px solid #de021c;}
.n-btn-disabled{background: #fff; color: #999; cursor: default; border: 1px solid #e8e8e8;}
.n-btn-disabled:hover{background: #fff; border: 1px solid #e8e8e8;}


/* 输入框 */
.n-input{display:inline-block; *display: inline; *zoom:1; background: #fff; border: 1px solid #eaeaea; border-radius:6px; height: 18px; line-height: 18px; padding: 16px 10px; font-size: 14px; color: #333; width: 270px; vertical-align: middle;}

/* 带下划线的链接 */
.line-link{text-decoration: underline; color: #666; vertical-align: middle;}
.line-link:hover{color: #ff7e00; text-decoration: underline;}

/* 第三方应用绑定 */
.third-area{width: 80px; position: relative; margin:5px 50px 50px 0;}
.third-ico{display: block; width: 80px; height: 80px; border-radius: 6px; margin-bottom: 10px;}
.th-action-btn{display: block; height: 20px; line-height:20px; border:2px solid #fff; border-radius: 12px; background:#55aa33; color: #fff; padding: 0 10px;  position: absolute; top:-12px; right: -12px;}
.has-bind{background: #e93f3f;}
.cancel-bind{background: #626061;}

/* 带图标的错误和警告提示 */
.error-tip,
.warning-tip{color:#fa0343; background: url(../Images/n-error-ico.png) 0 2px no-repeat; padding-left: 16px; 
display: inline-block; *display: inline; zoom:1; line-height: 1.5; vertical-align: middle;}
.warning-tip{color:#ff6f3d; background: url(../Images/n-warning-ico.png) 0 1px no-repeat;}

/* 进度条 */
.n-progress-bar{position: relative; margin-top: 20px;}
.npb-intro{color: #a4a4a4; position: absolute; top:-20px; line-height: 1.5;}
.npb-intro-current{color: #646464;}
.npb-line-area{height: 20px;}
.npb-line{border-bottom:3px solid #e7e7e7; width: 380px; height: 12px;}
.npb-circle{color: #e7e7e7; width: 12px; height: 12px; line-height:1.5; background: url(../Images/npb-circle.png) 0 0 no-repeat; display: inline-block; *display: inline; zoom:1; margin-right: 115px; float: left;  margin-top: -8px; }
.npb-circle-current{background: url(../Images/npb-circle-c.png) 0 0 no-repeat;}

/* 拖动条 */
.slider-area{position: relative;}
.slider-bar-bg{border: 1px solid #ddd; background: #e6e6e6; height: 2px; overflow: hidden; }
.slider-bar-line{background: #ec6a3d; height:4px; position: absolute; top:0; left: 0; z-index: 1; overflow: hidden;}
.drag-ico{display: inline-block; *display: inline; zoom:1; width: 16px; height: 16px; position: absolute; left: 200px; top: -6px; z-index: 2;
background: url(../Images/drag-ico.png) 0 0 no-repeat;}

/* 名片区域 */
.card-area{width: 430px; margin: 20px 0 60px 0;}


/* 以下是每个页面的单独配置了 */
/* 登录设备 账号安全设置 */
.device-frame .title-item{margin-bottom: 0;}
.device-detail-area{position: relative; zoom:1;/* margin-bottom: 20px;*/ overflow: hidden;}
.device-detail-area li{padding: 30px 0; position: relative; border-bottom: 1px solid #f2f2f2; margin-bottom: -1px;}
.device-detail-area .font-img-item{margin:0;}
.device-detail-area .ada-btn-area{position: absolute; top:33px; right: 0px;}
.device-detail-area .ada-btn-area .n-btn:last-child{margin-right:0;}
.device-detail-area .title-normal{vertical-align: middle;}
.device-detail-area .font-img-item{margin-left: -10px;}


/* 绑定授权页面配置 */
.bind-frame{padding-bottom: 0;}
/*bug fix*/
.bugfix_ie6{ z-index:4;}
/*public shaojunyi*/
input{ border:0 none;}
input[type="button"],
input[type="submit"],
input[type="reset"],
a{-webkit-appearance:none;appearance:none;}
input{ color:#333;}
::-webkit-input-placeholder{ color:#9d9d9d;}
input:-moz-placeholder{ color:#9d9d9d;}
::-moz-placeholder{ color:#9d9d9d;}
input:-ms-input-placeholder{ color:#9d9d9d;}

.underline{ text-decoration:underline;}
.ftwnormal{ font-weight:normal;}
.l_block{ display:block;}
.icon_cirarr{ background:url(../Images/icon_user.png);}
@media screen and (max-width:640px){
	.dis_box{ display:box; display:-webkit-box;}
}
.color333{ color:#333;}
.color555{ color:#555;}
.ft14{ font-size:14px;}
.ft15{ font-size:15px;}
.ft16{ font-size:16px;}
.ftw{ font-weight:bold;}
.martop20{ margin-top:20px;}
.martop30{ margin-top:30px;}
.pdtop20{ padding-top:20px;}
.pdbot30{ padding-bottom:30px;}
.pdbot20{ padding-bottom:20px;}
.pdbot10{ padding-bottom:10px;}
.pb5{ padding-bottom:5px;}
.pb15{ padding-bottom:15px;}
.pb40{ padding-bottom:40px;}
.marboth20{ margin:20px 0;}
.marboth30{ margin:30px 0;}

/*图片*/

/*公共btns样式*/
.tip_btns { height:35px; padding-top:25px; text-align:center;}
.btn_tip { width: 110px;/* padding:0 30px;*/ height: 33px; margin: 0 2px; line-height: 33px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-weight: bold; display: inline-block; cursor: pointer; }
.btn_tip:hover{ text-decoration:none;}
.btn_commom { background: #ff6f3d; border: 1px solid #ff6f3d; color: #fff;}
.btn_back { border: 1px solid #e8e8e8; color: #555; }

.tits,
.listbox{ border:1px solid #e8e8e8; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.n_sevice dd a,
.tits{ color:#555;}
.qst_txt:hover,
.n_loss a:hover,
.noverify a{ text-decoration:underline;}
/*小米服务*/
.icon_sv{ background:url(../Images/icon_service.png) no-repeat; width:40px; height:40px; overflow:hidden; display:block;}
.sv1{ background-position:0 0;}
.sv2{background-position:0 -41px;}
.sv3{background-position:-40px 0;}
.sv4{background-position:-40px -41px;}
.sv5{background-position:-80px 0;}
.sv6{background-position:-80px -41px;}
.sv7{background-position:-120px 0;}
.sv8{background-position:-120px -41px;}
.sv9{background-position:-160px 0;}
.n_sevice{ padding-bottom:40px;}
.n_sevice li{ float:left; width:400px; margin:30px 40px 0 0; line-height:20px; overflow:hidden;}
.n_sevice dt{ float:left; width:40px; height:40px; overflow:hidden;}
.n_sevice dd{ margin-left:55px; overflow:hidden;}
.n_sevice dd a{ font-size:14px;}
.n_sevice p{_width:340px; height:20px; color:#9d9d9d;}
/*frame*/
.main_l{ float:left; width:300px;}
.main_r{ float:left; width:590px;}
.labelbox,
.tits,
.tits_list,
.borderbox{ border:1px solid #e8e8e8; -webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.labelbox{ height:40px; line-height:40px; display:inline-block;}
.labelbox input{ padding:0 10px; display:inline-block; vertical-align:middle;}
/*个人信息*/
.icon_error{background-image:url();
background-repeat:no-repeat; width:14px; height:14px; margin:0 5px 0 0; overflow:hidden; display:inline-block; vertical-align:text-top;
_background-image:url(../Images/n-warning-ico.png);}
.color4a9{ color:#4a90e3;}
.ft20{ font-size:20px;}
.marauto{ margin:0 auto;}
.iconpencil{ width:14px; height:14px; margin-right:5px; margin-top:-5px;*margin-top:0; *cursor:pointer; overflow:hidden; display:inline-block; vertical-align:middle;
background-image:url();
_background-image:url(../Images/pencil.png);
}
.uinfo{ font-size:14px;}
.naInfoImgBox{ padding:80px 20px 0;}
.naImgLink{ padding-top:15px;}
.framedatabox{ padding-top:15px;}
.fdata{ padding-left:20px; line-height:40px; border-bottom:2px solid #e6e6e6; overflow:hidden;}
.fdata h3{ font-size:16px; color:#333;}
/*编辑个人基础资料*/
.layereditinfo{ width:460px;}
.editbasicinfo{ padding:40px 0 0 20px;}
.iconbirth,
.iconinfosex{ background:url(../Images/icon_user.png);}

.infobox{ padding-bottom:10px; line-height:42px;}
.infobox dt,
.infobox dd{ padding-bottom:10px;_display:inline;}
.infobox dt{ float:left; width:80px; margin-right:10px; text-align:right; font-size:14px; font-weight:bold;}

.infobox input{ line-height:20px; *margin-top:10px;}
.nickname{ width:265px;}
/*.en .nickname{ width:310px;}*/

.infobox li{ float:left; margin-right:6px; cursor:pointer; position:relative;}
.tits{ padding-left:14px; height:34px; line-height:34px; display:inline-block; vertical-align:middle;}
.titsbirth{ width:70px; margin-right:5px;}
.birthcon{ float:left; width:42px; border-right:1px solid #e8e8e8;}
.iconbirth{ float:right; width:16px; height:16px; margin:9px 6px 0 0;}

.tits_list{ background:#fff; width:84px; height:156px; overflow-x:hidden; overflow-y:auto; display:none; position:absolute; left:0; top:37px; z-index:98;}
.tits_list p{ padding-left:14px; line-height:26px;}
.tits_list p:hover,
.chk{ background:#eaeaea;}
/*
.month_day .tits{ width:55px;}
.month_day .tits tt{ width:27px;}
.month_day .tits_list{ width:69px;}
*/

.infosex span{ margin-right:20px; display:inline-block;_margin-top:13px; cursor:pointer;}
.iconinfosex{ background-position:-33px 0; width:15px; height:15px; margin:-3px 6px 0 0; overflow:hidden; display:inline-block; vertical-align:middle;}
.infosex .now .iconinfosex{ background-position:-17px 0;}
/*设置头像*/
.accset{ padding:30px 20px 0 70px;}
.accset dt{ padding-bottom:15px; font-size:14px; color:#333;}
.accset dd{ padding-bottom:10px;}

.uplode_img{ position:relative;}
.uplodefile{ height:35px; line-height:30px; font-size:0; *font-size:20px; cursor:pointer; overflow:hidden; position:absolute; left:0; top:0; z-index:3; opacity:.01;filter:alpha(opacity:1);}
.uplodefile{ width:202px;}
.uplode_img .btn_commom{ width:200px; margin:0;}
.naccprocess{ padding-top:20px; line-height:20px; font-size:14px;}
.clipimg{ background:#2c2c2c; width:300px; height:300px; margin:20px auto 0; position:relative;}
.uploadimgs{ opacity:.4; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale) Alpha(Opacity=40);}
.movebox{ width:100px; height:100px; cursor:move; position:absolute; left:100px; top:100px;}
.icon_square{ width:6px; height:6px; border:1px solid #fff; position:absolute;}
.icon_square_rightbot{ left:100%; top:100%; margin-left:-4px; margin-top:-4px; cursor:se-resize;}

/*errbg*/
.err_tip,
.err_tip_independ{ margin-bottom:5px; line-height:20px; font-size:12px; color:#ff6f3d; display:none;}
.error_bg{ background:#fef4f1; border:1px solid #ffb79e;}
.err_tip_independ{ background-image:url();
background-repeat:no-repeat; background-position:0px 2px; padding-left:20px;
_background-image:url(../Images/n-warning-ico.png);}
.editbasicinfo .err_tip_independ{ margin-left:35px;}
.en .editbasicinfo .err_tip_independ{ margin-left:0;}